Update webpack (major) #78

renovate · 2023-12-26T16:40:26Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
copy-webpack-plugin	`^11.0.0` -> `^12.0.0`
css-loader	`^6.0.0` -> `^7.0.0`
html-loader	`^4.0.0` -> `^5.0.0`
style-loader	`^3.0.0` -> `^4.0.0`
webpack-build-notifier	`^2.1.0` -> `^3.0.0`
webpack-dev-middleware	`^6.0.0` -> `^7.0.0`
webpack-dev-server	`^4.0.0` -> `^5.0.0`

Release Notes

webpack-contrib/copy-webpack-plugin (copy-webpack-plugin)

⚠ BREAKING CHANGES

update globby to 14.0.0
minimum supported Node.js version is 18.12.0 (#759) (a5b7d06)

webpack-contrib/css-loader (css-loader)

`v7.1.2`

Compare Source

`v7.1.1`

Compare Source

`v7.1.0`

Compare Source

Features

added the getJSON option to output CSS modules mapping (#1577) (af834b4)

`v7.0.0`

Compare Source

⚠ BREAKING CHANGES

The modules.namedExport option is true by default if you enable the esModule option

Migration guide:

Before:

import style from "./style.css";

console.log(style.myClass);

After:

import * as style from "./style.css";

console.log(style.myClass);

The modules.exportLocalsConvention has the value as-is when the modules.namedExport option is true and you don't specify a value
Minimum supported webpack version is 5.27.0
Minimum supported Node.js version is 18.12.0

Features

The modules.namedExports option works fine with any modules.exportLocalsConvention values (f96a110)
Added dashed variants for the modules.exportLocalsConvention options (40e1668)

`v6.11.0`

Compare Source

Features

supports multiple composes (#1582) (bbca614)

Bug Fixes

do not break @scope at-rule without params (#1581) (e022e3b)

`v6.10.0`

Compare Source

Features

add @rspack/core as an optional peer dependency (#1568) (3924679)
pass the resourceQuery and resourceFragment to the auto and mode callback (#1569) (d641c4d)
support named exports with any characters (6f43929)

6.9.1 (2024-01-18)

Bug Fixes

css nesting support
@scope at-rule support

`v6.9.1`

Compare Source

`v6.9.0`

Compare Source

Features

updated generateExportEntry to expose node details (#1556) (05002f3)

Bug Fixes

css experiment detection (#1559) (f2cfe30)

6.8.1 (2023-05-28)

Bug Fixes

use cause for original errors and warnings (#1526) (ae3d8ae)

webpack-contrib/html-loader (html-loader)

`v5.1.0`

Compare Source

Features

added the postprocessor option (#518) (536a204)
reduce runtime code (61f9a69)
support absolute URLs and DataURI (#519) (cc34b06)
using template literals in code when it supported (#520) (6fa80d5)

`v5.0.0`

Compare Source

⚠ BREAKING CHANGES

minimum supported Node.js version is 18.12.0 (#504) (c82cfea)

webpack-contrib/style-loader (style-loader)

`v4.0.0`

Compare Source

⚠ BREAKING CHANGES

minimum supported webpack version is 5.27.0
minimum support Node.js version is 18.12.0
the insert option can only be a selector or the path to the module

Migration:

Before:

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              injectType: "styleTag",
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;

                document.head.appendChild(style);
              },
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

After:

insert-function.js

function insert(css, style) {
  var parent = options.target || document.head;

  parent.appendChild(element);
}

module.exports = insert;

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              insert: require.resolve("./insert.js"),
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

the styleTagTransform option can only be the path to the module

Migration:

Before:

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              injectType: "styleTag",
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;

                document.head.appendChild(style);
              },
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

After:

style-tag-transform-function.js

function styleTagTransform(css, style) {
  // Do something ...
  style.innerHTML = `${css}.modify{}\n`;

  document.head.appendChild(style);
}

module.exports = styleTagTransform;

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: "style-loader",
            options: {
              styleTagTransform: require.resolve("./style-tag-transform-function.js"),
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};

Bug Fixes

css experiments logic (#617) (8b9fc97)

3.3.3 (2023-05-19)

Bug Fixes

compatibility with built-in CSS support (#605) (9636f58)

3.3.2 (2023-03-13)

Bug Fixes

noop in environment without DOM API (#597) (03d3df3)

3.3.1 (2021-10-21)

Bug Fixes

small perf improvement (#544) (610524e)

`v3.3.4`

Compare Source

3.3.4 (2024-01-09)

Bug Fixes

css experiments logic (c12e70b)

RoccoC/webpack-build-notifier (webpack-build-notifier)

`v3.1.0`

Compare Source

May 28, 2024

Fixed commonjs default export and added esm entrypoint.

`v3.0.0`

Compare Source

May 27, 2024

Added support for Webpack 5.
Bumped node-notifier to v10.0.1.
Fixes for #81 and #90)
Thanks, ImLunaHey! (PR)

webpack/webpack-dev-middleware (webpack-dev-middleware)

`v7.4.2`

Compare Source

`v7.4.1`

Compare Source

`v7.4.0`

Compare Source

Features

added the cacheImmutable option to cache immutable assets (assets with a hash in file name like image.e12ab567.jpg) (5ed629d)
allow to configure the Cache-Control header (#1923) (f7529c3)